/*

Theme Name: Town of Thurmond

Theme URI: http://thurmondwv.org/ 

Description: Theme for the town of Thurmond, WV

Version: 1.0

Author: MESH DESIGN AND DEVELOPMENT

Author URI: http://meshfresh.com

 

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike,  sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-family: inherit;

	font-size: 100%;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

:focus {/* remember to define focus styles! */

	outline: 0;

}

body {

	background: #fff;

	line-height: 1;

}

ol, ul {

	list-style: none;

}

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}

a img {

	border: 0;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}

em, i {

	font-style: italic;

}

 

/* Styles

----------------------------------------------- */







body{background-color:#fff}

#logo-header{width: 1453px; height:105px; margin-left: auto;	margin-right: auto; overflow:hidden; background:url(http://thurmondwv.org/wp-content/uploads/2012/04/thurmondheader_final.jpg) no-repeat 0 0; z-index:1; position:relative;	} 

#railroad{background-image:url(images/railroad.gif); background-repeat:repeat-x; height:16px; width:100%}

.menu{width: 100%; background-color: #637180; height:23px; overflow:hidden; margin-top:5px;  }





#train

{

	position: absolute;

	left: 3%;

	top: 77px;

	z-index: 105;

	width: 45px;

	height: 41px;

	background-image: url(images/train.png);

	background-repeat: no-repeat;

}







#home { display: inline-block;  width: 256px;  height: 23px; background:url(images/home.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px; }

#about { display: inline-block;  width: 107px;  height: 23px; background:url(images/about.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px;  }

#things { display: inline-block;  width: 158px;  height: 23px; background:url(images/things.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px;  }

#events { display: inline-block;  width: 106px;  height: 23px; background:url(images/events.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px;  }

#photos { display: inline-block;  width: 107px;  height: 23px; background:url(images/photos.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px;  }

#contact { display: inline-block;  width: 117px;  height: 23px; background:url(images/contact.gif) no-repeat 0 0;  background-position: 0 0; float:left; margin-left:0px; margin-right:0px;  }

#home:hover,#about:hover,#things:hover,#events:hover,#photos:hover,#contact:hover{background-position: 0 -23px;}

.nav-side{display:inline; float:left; width:130px; height:23px; margin-left:10px; background-color:#dfdbcc}

.container{	margin-left: auto;	margin-right: auto;	width: 1000px; }



h1{font-size: 22px; line-height:30px; margin-bottom:18px; color:#779a75; text-transform:uppercase;}

p{font-family:Georgia, "Times New Roman", Times, serif; color:#637180; font-size:13px; line-height:18px; margin-bottom:18px;}

a{text-decoration:underline; color:#779a75;}

a:hover{text-decoration:underline; color:#e0c969;}





.yellow_bg{width: 450px; height:290px; padding: 15px; background-color:#e1cb6f;}



.yellow_bg h1{font-size: 18px; line-height:24px; padding-bottom:5px; margin-bottom:0px; color:#637180; text-transform:uppercase;}

.yellow_bg h2{font-size: 16px; line-height:24px; margin-bottom:10px; color:#6e896a; text-transform:uppercase; font-style:italic}

.yellow_bg p{font-family:Georgia, "Times New Roman", Times, serif; color:#637180; font-size:13px; line-height:18px; margin-bottom:18px;}

.yellow_bg a{text-decoration:underline; color:#779a75;}

.yellow_bg a:hover{text-decoration:underline; color:#fff;}



.js-overlay-html a{text-decoration:underline; color:#779a75;}

.js-overlay-html a:hover{text-decoration:underline; color:#fff;}



.js-overlay-htm h4{font-size:18px; line-height: 22px; color:#637180;}



div.eqHeight {overflow:hidden}

div.eqHeight>div {float:left;  padding-bottom:9010px; margin-bottom:-9000px; }

.main-content{width:670px; margin-left:90px; display:inline; float:left; padding-top:30px;}

.side-content{display:inline; float:left; width:120px; padding-left:5px; padding-right:5px; margin-left:100px; background-color:#dfdbcc}

.side-content img {clear: both;	display: block;	margin-left: auto;	margin-right: auto;  }



.side-content ul{margin-left: 5px; background:url(images/li-bg.png); background-position:top; background-repeat:repeat-x; width:110px; padding-bottom:20px;}

.side-content ul li{background-image:url(images/li-bg.png); background-repeat:repeat-x; width:110px;  line-height:18px; padding-top:2px; padding-bottom:6px; background-position:bottom;}

.side-content ul li:first-child{background-image:url(images/li-bg.png); background-repeat:repeat-x; width:110px;  line-height:18px; padding-top:6px; padding-bottom:6px; background-position:bottom;}

.side-content ul li a{color:#637180; text-decoration:underline; } 

.side-content ul li a:hover{color:#779a75; text-decoration:underline; } 







/* FOOTER */

.foot-top{background:url(images/footer-border.gif) repeat-x; height:20px;}

.foot-bottom{background:url(images/footer-border.gif) repeat-x;  margin-top:10px; height:10px; margin-bottom: 10px;}

.footer{background-color:#637180; color:#f6f6f6  }

.cards{clear: both;	display: inline; float:left; margin-left: 460px; margin-top:-135px;}



.callout{background-image:url(images/callout.gif); background-repeat:no-repeat; height:181px; width:290px; display:inline; float:left; padding-right:10px; padding-bottom:20px; margin-top:-80px;}



.callout-text{width: 201px; height:110px;  margin-left:63px; margin-top:31px; color:#779a75; overflow:hidden;} 

.callout-text p{ color:#779a75; font-weight:bold;  } 



.foot-col{display: inline; float:left; width: 185px;  margin-top:-70px;} 

.foot-col img{padding-top: 3px; padding-bottom:6px; padding-left:35px;} 

.foot-col ul{padding-bottom: 8px; padding-left:35px;}

.foot-col ul li{width:110px; font-size:13px; line-height:18px; font-family:Georgia, "Times New Roman", Times, serif }

.foot-col ul li a{color:#f6f6f6; text-decoration:none}

.foot-col ul li a:hover{text-decoration:none; color:#e0c969;}

.foot-col h2{font-size: 13px; line-height:18px; width:100%; padding-bottom:5px; text-transform:uppercase;   }

.foot-col h2 a{color:#f6f6f6; text-decoration:none; padding-left:35px; }

.foot-col h2 a:hover{text-decoration:none; color:#e0c969; padding-left:35px; background-image:url(images/hand.png); background-repeat:no-repeat;  }

.foot-col h2 a.active{text-decoration:none; color:#e0c969; padding-left:35px; background-image:url(images/hand.png); background-repeat:no-repeat; }



.foot-ribbon{display:inline; float:left;  margin-left:100px; width:130px; height:100px; padding-top:0px; margin-top:0px; background-image:url(images/ribbon-bg.gif); background-repeat:no-repeat}



.social{display:inline; float:right; padding-bottom: 20px; padding-top:10px;}

.social img{display:inline; float:left; padding-left: 20px; vertical-align: text-bottom;}



.footer-text{padding-bottom: 20px; padding-left:60px; color:#637180; font-size:13px; text-transform:uppercase; }

.footer-text img{ display:inline;}

.footer-text a{color:#e0c969; text-decoration:none; padding-left:80px;}

.footer-text a:hover{text-decoration:none; color:#779a75;}







/* =Images

-------------------------------------------------------------- */



/*

Resize images to fit the main content area.

- Applies only to images uploaded via WordPress by targeting size-* classes.

- Other images will be left alone. Use "size-auto" class to apply to other images.

*/

img.size-auto,

img.size-full,

img.size-large,

img.size-medium,

.attachment img {

	max-width: 100%; /* When images are too wide for containing element, force them to fit. */

	height: auto; /* Override height to match resized width for correct aspect ratio. */

}

.alignleft,

img.alignleft {

	display: inline;

	float: left;

	margin-right: 24px;

	margin-top: 4px;

}

.alignright,

img.alignright {

	display: inline;

	float: right;

	margin-left: 24px;

	margin-top: 4px;

}

.aligncenter,

img.aligncenter {

	clear: both;

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignleft,

img.alignright,

img.aligncenter {

	margin-bottom: 12px;

}

.wp-caption {

	background: #f1f1f1;

	line-height: 18px;

	margin-bottom: 20px;

	max-width: 632px !important; /* prevent too-wide images from breaking layout */

	padding: 4px;

	text-align: center;

}

.wp-caption img {

	margin: 5px 5px 0;

}

.wp-caption p.wp-caption-text {

	color: #888;

	font-size: 12px;

	margin: 5px;

}

.wp-smiley {

	margin: 0;

}

.gallery {

	margin: 0 auto 18px;

}

.gallery .gallery-item {

	float: left;

	margin-top: 0;

	text-align: center;

	width: 33%;

}

.gallery-columns-2 .gallery-item {

	width: 50%;

}

.gallery-columns-4 .gallery-item {

	width: 25%;

}

.gallery img {

	border: 2px solid #cfcfcf;

}

.gallery-columns-2 .attachment-medium {

	max-width: 92%;

	height: auto;

}

.gallery-columns-4 .attachment-thumbnail {

	max-width: 84%;

	height: auto;

}

.gallery .gallery-caption {

	color: #888;

	font-size: 12px;

	margin: 0 0 12px;

}

.gallery dl {

	margin: 0;

}

.gallery img {

	border: 10px solid #f1f1f1;

}

.gallery br+br {

	display: none;

}

#content .attachment img {/* single attachment images should be centered */

	display: block;

	margin: 0 auto;

}





/* EXTRA STUFF */

.trans:hover {

	filter:alpha(opacity=70);

	-moz-opacity:0.7;

	-khtml-opacity: 0.7;

	opacity: 0.7;

	 

}



.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}